#header {
  border-bottom: 1px solid #DDDDDD; }
  #header .header_l {
    margin-left: 100px; }
    #header .header_l li {
      padding: 13px 0 9px 0;
      margin-right: 20px; }
      #header .header_l li a {
        display: block;
        font-size: 12px;
        font-weight: bold;
        color: #000000; }
      #header .header_l li:hover a {
        color: #FF6655;
        text-decoration: underline; }
    #header .header_l .active {
      padding: 13px 0 7px 0;
      border-bottom: 2px solid #FF6655; }
  #header .header_r {
    margin-right: 100px; }
    #header .header_r li {
      padding: 10px 0;
      position: relative; }
      #header .header_r li a {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        line-height: 16px;
        border-right: 2px solid #999999;
        padding: 0 13px; }
        #header .header_r li a i {
          display: inline-block;
          margin-right: 3px; }
    #header .header_r li:last-of-type a {
      border-right: 0 none; }
    #header .header_r li:nth-of-type(3) a i {
      color: #E71F19; }
    #header .header_r li:nth-of-type(4) a i {
      color: #48C92F; }
    #header .header_r .login:hover a {
      text-decoration: underline;
      color: #ff6655; }
    #header .header_r .metachat div {
      height: 100px;
      width: 100px;
      display: none;
      position: absolute;
      left: 0;
      top: 36px; }
    #header .header_r .metachat:hover {
      border: 2px solid #999999;
      border-bottom: 2px solid #fff;
      margin-left: -2px;
      padding: 8px 0; }
    #header .header_r .metachat:hover div {
      display: block; }
    #header .header_r .metachat:hover a {
      border-right: 0 none; }

#logo {
  background: #F3F3F3; }
  #logo .logo_c {
    width: 990px;
    margin: 0 100px;
    height: 88px;
    padding: 20px 0 15px 0; }
    #logo .logo_c a {
      display: block;
      height: 88px;
      width: 180px; }
    #logo .logo_c img {
      display: block;
      height: 88px; }
    #logo .logo_c h1 {
      font-size: 26px;
      color: #666;
      height: 40px;
      line-height: 40px;
      margin: 25px 0 0 10px;
      border-left: 1px solid #ccc;
      padding-left: 10px; }

#register {
  background: #f3f3f3; }
  #register .content {
    margin: 0 100px;
    background: #fff;
    border: 1px solid #ddd;
    width: 990px;
    height: 582px; }
    #register .content .content_l {
      width: 693px;
      height: 542px;
      padding: 40px 0 0 50px; }
      #register .content .content_l .content_l_tag {
        width: 693px;
        height: 38px; }
        #register .content .content_l .content_l_tag .cont_l_list {
          width: 260px;
          height: 38px;
          border-bottom: 2px solid #ddd;
          color: #333;
          font-size: 22px;
          line-height: 38px;
          font-weight: bold;
          text-align: center; }
        #register .content .content_l .content_l_tag .active {
          border-bottom: 2px solid #ff6655; }
      #register .content .content_l .email {
        display: none; }
        #register .content .content_l .email #submit1 {
          width: 250px;
          height: 46px;
          border: 1px solid #e35342;
          background: #ff6655;
          color: #fff;
          font-size: 24px;
          line-height: 46px;
          text-align: center;
          margin: 20px 180px 0 180px; }
      #register .content .content_l .main {
        width: 613px;
        height: 474px;
        padding: 30px 0 0 80px; }
        #register .content .content_l .main .forget_list {
          width: 613px;
          height: 40px;
          margin-top: 10px; }
          #register .content .content_l .main .forget_list label {
            width: 100px;
            height: 38px;
            display: inline-block;
            font-size: 16px;
            line-height: 38px;
            text-align: right; }
          #register .content .content_l .main .forget_list input {
            width: 238px;
            height: 38px;
            display: inline-block;
            border: 1px solid #ddd;
            padding-left: 10px;
            font-size: 14px; }
          #register .content .content_l .main .forget_list #submit {
            width: 250px;
            height: 46px;
            border: 1px solid #e35342;
            background: #ff6655;
            color: #fff;
            font-size: 24px;
            line-height: 46px;
            text-align: center;
            margin: 20px 180px 0 180px; }
        #register .content .content_l .main .agree label {
          width: 613px;
          height: 38px;
          display: block;
          font-size: 12px;
          text-align: center;
          line-height: 38px; }
        #register .content .content_l .main .code label {
          display: block;
          float: left; }
        #register .content .content_l .main .code input {
          width: 110px;
          height: 38px;
          border: 1px solid #ddd;
          padding-left: 10px;
          font-size: 14px;
          display: block;
          float: left; }
        #register .content .content_l .main .code .yzm {
          display: block;
          width: 100px;
          height: 34px;
          margin: 4px 0 0 10px;
          background: #ccc;
          float: left;
          text-align: center;
          color: #fff;
          font-size: 16px;
          line-height: 34px; }
        #register .content .content_l .main .code .btn {
          display: block;
          float: left;
          width: 84px;
          height: 16px;
          margin: 10px 0 0 20px;
          color: #333;
          font-size: 12px; }
          #register .content .content_l .main .code .btn:hover {
            color: #ff6655;
            text-decoration: underline; }
        #register .content .content_l .main .note label {
          display: block;
          float: left; }
        #register .content .content_l .main .note input {
          width: 110px;
          height: 38px;
          border: 1px solid #ddd;
          padding-left: 10px;
          font-size: 14px;
          display: block;
          float: left; }
        #register .content .content_l .main .note span {
          display: block;
          width: 108px;
          height: 38px;
          margin-left: 10px;
          background: #f3f3f3;
          border: 1px solid #ddd;
          line-height: 38px;
          font-size: 12px;
          color: #ccc;
          text-align: center;
          float: left; }
        #register .content .content_l .main .agree label input {
          width: 12px;
          height: 12px;
          border: 1px solid #ddd; }
    #register .content .content_r {
      position: relative; }
      #register .content .content_r img {
        display: block;
        position: absolute;
        top: 0;
        right: 0; }

#footer {
  background: #F3F3F3; }
  #footer .footer_c {
    padding: 20px 0; }
    #footer .footer_c p {
      text-align: center;
      font-size: 12px;
      line-height: 22px;
      height: 22px; }
      #footer .footer_c p a {
        color: #333;
        display: inline-block; }
        #footer .footer_c p a:hover {
          text-decoration: underline; }
      #footer .footer_c p img {
        margin-right: 10px; }
